const staticRoutes = [
  {
    path: '/layout',
    name: 'layout',
    component: () => import(/* webpackChunkName: "Layout" */ '../views/Layout.vue'),
    meta: {
      title: 'Layout',
      permissions: ['admin', 'user']
    },
    children: [
      {
        path: 'PageA',
        name: 'PageA',
        component: () => import(/* webpackChunkName: "PageA" */ '../views/PageA.vue'),
        meta: {
          title: 'Table',
          requiresAuth: true,
          permissions: ['admin']
        }
      },
      {
        path: 'PageB',
        name: 'PageB',
        component: () => import(/* webpackChunkName: "PageB" */ '../views/PageB.vue'),
        meta: {
          title: 'Form',
          requiresAuth: true,
          permissions: ['user']
        }
      },
      {
        path: 'PageC',
        name: 'PageC',
        component: () => import(/* webpackChunkName: "PageC" */ '../views/PageC.vue'),
        meta: {
          title: 'Dialog',
          requiresAuth: true,
          permissions: ['user', 'admin']
        }
      },
      {
        path: 'PageE',
        name: 'PageE',
        component: () => import(/* webpackChunkName: "PageE" */ '../views/PageE.vue'),
        meta: {
          title: 'Canvas',
          requiresAuth: true,
          permissions: ['user', 'admin']
        }
      },
      {
        path: 'PageF',
        name: 'PageF',
        component: () => import(/* webpackChunkName: "PageF" */ '../views/PageF.vue'),
        meta: {
          title: 'table',
          requiresAuth: true,
          permissions: ['user', 'admin']
        }
      },
      {
        path: 'PageG',
        name: 'PageG',
        component: () => import(/* webpackChunkName: "PageG" */ '../views/PageG.vue'),
        meta: {
          title: 'AI',
          requiresAuth: true,
          permissions: ['user', 'admin']
        }
      }
    ]
  }
]

export default staticRoutes
